<template>
  <view class="container">
    <uni-nav-bar left-icon="back" title="团队佣金" />
    <view class="commission-list">
      <view v-for="item in commissions" :key="item.id" class="commission-item">
        <text>日期: {{item.date}}</text>
        <text>金额: {{item.amount}}</text>
        <text>来源: {{item.source}}</text>
      </view>
      <view v-if="commissions.length === 0">暂无佣金记录</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      commissions: []
    };
  },
  onLoad() {
    this.loadCommissions();
  },
  methods: {
    async loadCommissions() {
      // TODO: 调用API获取佣金数据
      this.commissions = [
        {id: 1, date: '2023-01-01', amount: 100, source: '团队销售'}
      ];
    }
  }
}
</script>

<style>
.container { height: 100vh; }
.commission-list { padding: 10px; }
.commission-item { margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
</style>